<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>博客注册</title>
  <link rel="stylesheet" href="register.css">
</head>

<body>
  <div class="register-container">
    <h2>注册新账号</h2>
    <form id="register-form">
      <div class="form-group">
        <label for="new-username">用户名：</label>
        <input type="text" id="new-username" required placeholder="请输入用户名">
      </div>
      <div class="form-group">
        <label for="new-password">密码：</label>
        <input type="password" id="new-password" required placeholder="请输入密码">
      </div>
      <div class="form-group">
        <label for="confirm-password">确认密码：</label>
        <input type="password" id="confirm-password" required placeholder="请再次输入密码">
      </div>
      <div class="form-group">
        <label for="email">邮箱：</label>
        <input type="email" id="email" required placeholder="请输入邮箱">
      </div>
      <button type="submit">注册</button>
      <p class="login-link">已有账号？<a href="login.html">立即登录</a></p>
    </form>
  </div>
  <script src="register.js"></script>
</body>

</html>